getcatelist()
// 获取文章类别
function getcatelist() {
    $.ajax({
        url: "/my/article/cates",
        type: "GET",
        success: function (msg) {
            console.log(msg);
            let html = template('tpl-cate', msg)
            $('[name="cate_id"]').html(html)
            // 通知layui重新渲染
            layui.form.render()
        }
    })
}

// 获取文章
let q = {
    pagenum: 1,
    pagesize: 2,
    cate_id: '',
    state: ''
}

getarticlelist()
function getarticlelist() {
    $.ajax({
        url: "/my/article/list",
        type: "GET",
        data: q,
        success: function (msg) {
            console.log(msg);
            if (msg.status == 0) {
                let str = template('tpl-table', msg)
                $('tbody').html(str)
                // 实现分页
                renderPage(msg.total)
            }
        }
    })
}


// 实现筛选
$('#form-search').on('submit', function (e) {
    e.preventDefault()
    // 获取当前选中的筛选条件
    let cateid = $('[name="cate_id"]').val()
    let state = $('[name="state"]').val()
    console.log(cateid, state)
    // 更改q参数
    q.cate_id = cateid
    q.state = state
    // 重新获取列表数据
    getarticlelist()
})
// 声明一个分页函数
function renderPage(total) {
    // 1.点击页码会执行jump函数  flag==undefined
    // 2.laypage.render被调用的时候，jump函数自动调用  flag==true
    layui.laypage.render({
        elem: 'pageBox',//分页容器的id
        count: total,//总数据条数
        limit: q.pagesize,//每页显示几条数据
        curr: q.pagenum,//设置默认被选中的分页
        layout: ['count', 'limit', 'prev', 'page', 'next', 'skip'],
        limits: [2, 3, 5, 10],
        jump: function (obj, flag) {
            console.log(obj.curr)
            // 拿到页码值修改参数的当前页
            q.pagenum = obj.curr
            q.pagesize = obj.limit
            // 只有当jump函数是通过点击页码触发的，才需要调用getarticlelist函数获取数据
            if (!flag) {
                getarticlelist()
            }
        }
    })
}

// 删除
$('tbody').on('click', '.deletedata', function () {
    let id = $(this).attr('index')
    // 获取剩余的删除按钮数量
    let len = $('.deletedata').length
    layer.confirm('你确定要删除吗', { icon: 3, title: '提示' }, function () {
        $.ajax({
            url: `/my/article/delete/${id}`,
            type: "GET",
            success: function (msg) {
                if (msg.status == 0) {
                    layer.msg('删除成功')

                    // 判断是否需要修改页码
                    if (len == 1) {
                        // 判断当前页是不是第一页
                        q.pagenum = q.pagenum == 1 ? 1 : q.pagenum - 1
                    }
                    getarticlelist()
                }
            }
        })
    })
})